<!DOCTYPE html>
<html>
<!-- Mirrogreen from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>待处理订单</title>
    <meta name="keywords" content="第八站,商品分类,后台HTML,响应式后台">
    <meta name="description" content="第八站管理后台">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="libs/page/pager.css">
    <link rel="stylesheet" href="css/common.css">
    <style type="text/css">
    td {
        /*line-height: 10px!important;*/
    }
    </style>
</head>

<body class="gray-bg">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-8">
            <h2>待处理订单</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="index-2.html">主页</a>
                </li>
                <li>
                    <span>订单管理</span>
                </li>
                <li>
                    <strong>待处理订单</strong>
                </li>
            </ol>
        </div>
        <div class="col-sm-4">
            <div class="title-action">
                <!-- <a href="empty_page.html" class="btn btn-primary">活动区域</a> -->
            </div>
        </div>
    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content container-fiuled">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class=" pull-left" style="width: 100%;">
                                    <form class="form-horizontal" role="form">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <span class="panel-title">
                                                    筛选查询
                                                </span>
                                               
                                            </div>
                                           <div class="panel-body">
                                                <div class="row" style="padding: 0 10px">
                                                    <label class="control-label">模糊检索：</label>
                                                    <input class="form-control select-input margin-r-20" placeholder="订单编号/商品编号/买家电话/卖家电话" type="text" name="">
                                                    <label class="control-label">订单状态：</label>
                                                    <select class="form-control pay-method margin-r-20" name="">
                                                        <option value="0">全部</option>
                                                        <option value="1">意向订单--等待客服联系</option>
                                                        <option value="2">意向订单--和买家沟通</option>
                                                        <option value="3">意向订单--联系买家确定意向</option>
                                                        <option value="4">未付款--客服引导付款</option>
                                                        <option value="5">交易中--等待客服跟进</option>
                                                        <option value="6">交易中--买卖双方协商交接</option>
                                                        <option value="7">交易中--网站交接中</option>
                                                    </select>
                                                   
                                                    <span class="select-date">
                                                        <span>下单时间：</span>
                                                        <input id="dateStar" class="laydate-icon"> -
                                                        <input id="dateEnd" class="laydate-icon">
                                                    </span>
                                                    <button type="button" class="btn btn-primary pull-right select-btn">查询</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <table class="table table-bordered order_untreated table-center">
                                    <thead>
                                        <tr>
                                            <th width="100px">排序</th>
                                            <th>商品编号</th>
                                            <th>网站标题</th>
                                            <th>网站URL</th>
                                            <th>商品类型</th>
                                            <th>出售金额</th>
                                            <th>下单时间</th>
                                            <th>卖家联系方式</th>
                                            <th>网站详情</th>
                                            <th>关联订单</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>20</td>
                                            <td>125045343744</td>
                                            <td>娱乐网站 百度权重1 谷歌PR3 百度秒收站 9年老域名</td>
                                            <td>www.5elady.com</td>
                                            <td>一口价</td>
                                            <td>12000.00</td>
                                            <td>2018年4月13日13:27:21</td>
                                            <td><span class="green-color">18755554212</span></td>
                                            <td>
                                                <button type="button" onclick="webInfoModal()" class="btn btn-xs yellow-btn">查看</button>
                                            </td>
                                            <td>
                                                <span class="relation-order">
                                                    <span class="order-text">点击展开</span>
                                                    <i class="arrow arrow_down_icon"></i>
                                                </span>
                                            </td>
                                            <td><span class="btn btn-xs btn-primary">接单</span></td>
                                        </tr>
                                        <tr class="table-tr">
                                            <td colspan="11" class="table-td">
                                                <table class="table table-bordered table-center">
                                                    <h2>商品关联订单1</h2>
                                                    <tr>
                                                        <td>商品编号</td>
                                                        <td>订单编号</td>
                                                        <td>买家联系方式</td>
                                                        <td>订单状态</td>
                                                        <td>客服跟进记录</td>
                                                    </tr>
                                                    <tr>
                                                        <td>125045343744</td>
                                                        <td>265632315451201</td>
                                                        <td>18711320111</td>
                                                        <td>未付款——客服引导付款</td>
                                                        <td>
                                                            <button type="button" onclick="showModal()" class="btn btn-xs btn-link green-color">查看</button>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>125045343744</td>
                                                        <td>265632315451201</td>
                                                        <td>18711320111</td>
                                                        <td>未付款——客服引导付款</td>
                                                        <td>
                                                            <button type="button" onclick="showModal()" class="btn btn-xs btn-link green-color">查看</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>20</td>
                                            <td>125045343744</td>
                                            <td>娱乐网站 百度权重1 谷歌PR3 百度秒收站 9年老域名</td>
                                            <td>www.5elady.com</td>
                                            <td>一口价</td>
                                            <td>12000.00</td>
                                            <td>2018年4月13日13:27:21</td>
                                            <td><span class="green-color">18755554212</span></td>
                                            <td>
                                                <button type="button" onclick="webInfoModal()" class="btn btn-xs yellow-btn">查看</button>
                                            </td>
                                            <td>
                                                <span class="relation-order">
                                                    <span class="order-text">点击展开</span>
                                                    <i class="arrow arrow_down_icon"></i>
                                                </span>
                                            </td>
                                            <td><span class="btn btn-xs btn-primary">接单</span></td>
                                        </tr>
                                        <tr class="table-tr">
                                            <td colspan="11" class="table-td">
                                                <div class="aaaaa">
                                                <table class="table table-bordered table-center">
                                                    <h2>商品关联订单2</h2>
                                                    <tr>
                                                        <td>商品编号</td>
                                                        <td>订单编号</td>
                                                        <td>买家联系方式</td>
                                                        <td>订单状态</td>
                                                        <td>客服跟进记录</td>
                                                    </tr>
                                                    <tr>
                                                        <td>125045343744</td>
                                                        <td>265632315451201</td>
                                                        <td>18711320111</td>
                                                        <td>未付款——客服引导付款</td>
                                                        <td>
                                                            <button type="button" onclick="showModal()" class="btn btn-xs btn-link green-color">查看</button>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>125045343744</td>
                                                        <td>265632315451201</td>
                                                        <td>18711320111</td>
                                                        <td>未付款——客服引导付款</td>
                                                        <td>
                                                            <button type="button" onclick="showModal()" class="btn btn-xs btn-link green-color">查看</button>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div>
                                    <dl class=" pull-right">
                                        <ul class="pagination" id="page1"></ul>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 历史跟进记录弹框 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog websiteModal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">历史跟进记录</h4>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="modal-body row">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>沟通时间</th>
                                    <th>沟通内容</th>
                                    <th>状态变更</th>
                                    <th>操作客服</th>
                                    <th>备注</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>2018年5月22日 16:37:24</td>
                                    <td>引导买家付款</td>
                                    <td>交易中——等待客服跟进</td>
                                    <td>牛太郎</td>
                                    <td>引导付款成功， 进入网站交易流程</td>
                                </tr>
                                <tr>
                                    <td>2018年5月22日 16:37:24</td>
                                    <td>引导买家付款</td>
                                    <td>交易中——等待客服跟进</td>
                                    <td>牛太郎</td>
                                    <td>引导付款成功， 进入网站交易流程</td>
                                </tr>
                                <tr>
                                    <td>2018年5月22日 16:37:24</td>
                                    <td>引导买家付款</td>
                                    <td>交易中——等待客服跟进</td>
                                    <td>牛太郎</td>
                                    <td>引导付款成功， 进入网站交易流程</td>
                                </tr>
                            </tbody>
                        </table>
                        <div>
                            <dl class=" pull-right">
                                <ul class="pagination" id="page2"></ul>
                            </dl>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">提交</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- 查看网站具体信息弹框 -->
    <div class="modal fade" id="webInfoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog websiteModal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">查看网站具体信息</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-striped table-bordered table-center">
                        <tr>
                            <td>网站标题</td>
                            <td>网站缩略图</td>
                            <td>网站地址</td>
                            <td>商品标签</td>
                            <td>广告联盟</td>
                        </tr>
                        <tr>
                            <td>地方新闻网 三拼域名 诚心出售</td>
                            <td>
                                <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2410045890,2232835270&fm=27&gp=0.jpg" width="50px">
                            </td>
                            <td>http://www.gujiaowang.com/</td>
                            <td>地方门户</td>
                            <td>百度联盟</td>
                        </tr>
                        <tr>
                            <td>权重</td>
                            <td>收录量</td>
                            <td>日IP</td>
                            <td>是否有手机站</td>
                            <td>移动端权重</td>
                        </tr>
                        <tr>
                            <td>
                                <p>百度权重：1</p>
                                <p>搜狗权重：1</p>
                                <p>神马权重：1</p>
                                <p>360 权重：2</p>
                            </td>
                            <td>
                                <p>百度收录量：255</p>
                                <p>搜狗收录量：555</p>
                                <p>神马收录量：555</p>
                                <p>360 收录量：555</p>
                            </td>
                            <td>≤100IP</td>
                            <td>否</td>
                            <td>/</td>
                        </tr>
                        <tr>
                            <td>是否转让服务器</td>
                            <td>服务器信息</td>
                            <td>网站程序</td>
                            <td>更新方式</td>
                            <td>月收入</td>
                        </tr>
                        <tr>
                            <td>/</td>
                            <td>/</td>
                            <td>帝国</td>
                            <td>/</td>
                            <td>/</td>
                        </tr>
                        <tr>
                            <td>统计数据</td>
                            <td>统计截图</td>
                            <td>卖家联系方式</td>
                            <td>卖家备注</td>
                            <td>商品类型</td>
                        </tr>
                        <tr>
                            <td>
                                <p>爱站统计</p>
                                <p>站长统计</p>
                            </td>
                            <td>
                                <span>
                                     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2410045890,2232835270&fm=27&gp=0.jpg" width="50px">
                                </span>
                                <span>
                                     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2410045890,2232835270&fm=27&gp=0.jpg" width="50px">
                                </span>
                            </td>
                            <td>18950125526</td>
                            <td>地方新闻网 三拼域名 诚心出售</td>
                            <td>一口价/议价</td>
                        </tr>
                        <tr>
                            <td>出售金额</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>12000.00</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">查看前端地址</button>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/content2.min.js?v=1.0.0"></script> -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script type="text/javascript" src="libs/page/pager.js"></script>
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script type="text/javascript">
    $('.deleteBtn').click(function() {
        swal({
            title: "您确定要删除这条数据吗",
            text: "删除后将无法恢复，请谨慎操作！",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "删除",
            closeOnConfirm: false
        }, function() {
            // do someting
            swal("删除成功！", "您已经永久删除了这条数据。", "success");
        });
    });
    $(function() {
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page1'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
        Page({
            num: 20, //页码数
            startnum: 0, //指定页码
            elem: $('#page2'), //指定的元素
            callback: function(n) { //回调函数
                console.log(n);
            }
        });
    })

    function showModal() {
        $('#myModal').modal('show');
    }

    function webInfoModal() {
        $('#webInfoModal').modal('show');
    }


    //---------------------------------------------------------
    var lastel = null;
    var lastthis = null;
    var el = null;
    $('.relation-order').click(function() {
        if (lastel) {
            lastthis.find('i').removeClass('arrow_up_icon').addClass('arrow_down_icon');
            lastthis.find('.order-text').text('点击展开');
            lastel.hide();
        }
        el = $(this).parents('tr').next();
        if (lastel && lastel.is(el)) {
            el = lastel = null
            return
        };
        lastel = el;
        lastthis = $(this);
        $(this).find('i').removeClass('arrow_down_icon').addClass('arrow_up_icon');
        $(this).find('.order-text').text('点击收起');
        el.show();
    })

    //----------------------------------------------------------
    </script>
    <script type="text/javascript">
    laydate({ elem: "#dateStar", event: "focus" });
    laydate({ elem: "#dateEnd", event: "focus" });
    </script>
</body>
<!-- Mirrogreen from www.zi-han.net/theme/hplus/empty_page.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:52 GMT -->

</html>